/*
 * @Author: FanWeiHua
 * @Date: 2021-08-02 16:31:26
 * @LastEditTime: 2021-08-04 12:46:43
 * @Description: 整体布局
 */
.handle-layout {
  height: 100vh;
  // 左侧菜单
  .handle-layout-left {
    position: relative;
    .logo {
      height: 64px;
      background: url('~@path/static/images/logo.png') no-repeat center;
    }
    .ant-menu-item {
      margin-top: 0;
      margin-bottom: 0;
      display: flex;
      justify-content: center;
    }
    .menu {
      overflow: 'auto';
      height: calc(100vh - 32px);
      width: 100%;
    }
    .menu-foot {
      position: absolute;
      bottom: 0;
      width: 100%;
    }
  }
  // 右侧内容
  .handle-layout-content {
    .ant-layout-header {
      padding: 0;
      color: #fff;
      .title {
        font-size: 20px;
      }
    }
    .content {
      background: #fff;
      height: calc(100vh - 64px);
      .layout-tab {
        height: 100%;
        .ant-tabs-bar {
          margin: 0;
        }
      }
      .ant-tabs .ant-tabs-top-content,
      .ant-tabs .ant-tabs-bottom-content {
        height: calc(100% - 40px);
      }
      .ant-tabs-tabpane-active {
        height: 100%;
        overflow-y: auto;
        padding: 10px;
      }
    }
  }
}
